@charset "utf-8";
/* CSS Document */

body{
	background:#fff;font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif; color: #333;}
	
* {
	margin: 0;
	padding: 0;

	-webkit-font-smoothing: antialiased;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul,ol{
	margin: 0; padding: 0;
}
::selection {
	background: #bfa57c;
	color: #fff;
}

h1, h2, h3, h4, b {
	font-weight: 300;
	font-family: bree-web, Bree, sans-serif;
}
.banner {
    position: relative;
    width: 100%;
    height:auto;
    overflow: auto;
    text-align: center;
    background: #ccc;
    box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.banner_shop {
     position: relative;
     width: 100%;
     text-align: center;
     background: #ccc;
     box-shadow: 0 1px 2px rgba(0,0,0,.25);
 }
.banner ul {
		list-style: none;width: 100%;margin: 0;
	}
.banner ul li {
		display: block;
		float: left;
		/*width: 33%;此处影响banner宽度*/
		min-height: 225px;

		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;

		/*box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);*/
	}

.banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}

.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
	}
.banner .dots li {
			background: #3e454d;
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;

			text-indent: -999em;

			border: 2px solid #fff;
			border-radius: 6px;

			cursor: pointer;
			opacity: .4;

			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
.banner .dots li.active {
				background: #fff;
				opacity: 1;
				border: 2px solid #54c6d6;
			}
.banner>ol {
	height: 20px;position: absolute;z-index: 10;bottom:0;text-align: right;padding-right: 20px; width: 100%;
}
.banner>ol>li {
	display: inline-block;margin: 5px;width: 10px;height: 10px;background-color: #999;border-radius: 10px;
}
.banner>ol>li.on{
	background-color: #fff;
}
.banner .arrows {
		position: absolute;
		bottom: 20px;
		right: 20px;
		color: #fff;
	}
.banner .arrow {
			display: inline;
			padding-left: 10px;
			cursor: pointer;
		}

article{
	background: #fff; padding: 15px; position: relative; line-height: 1.5; letter-spacing:0.05em;word-wrap: break-word;min-height: 267px;word-break: break-all;
}
article embed{max-width: 100%;}